@charset "utf-8";
/* CSS Document General*/
*{font-family: monospace,serif,sans-serif;  padding:0; margin:0;}
body{background:url(img/fondo.gif) repeat-x #ffffff; font-size: 12px;}
h1, h2, h3, h4 {font-family: monospace, serif; font-weight: bold;}
h1{font-size:24px !important; text-transform:uppercase;}
h2{font-size:21px !important; text-transform:capitalize; font-variant:small-caps;}
h3{font-size:18px !important;}
h4{font-size:14px !important;}
.ui-state-error p, .ui-state-highlight p {margin:12px 0;}

div.body-div{width:960px; padding:5px 5px; margin:0 auto 5px;}


div.body-head{width:100%; z-index:5;}
#logo-izq{background-image:url(img/ipn.jpg); background-repeat:no-repeat; width:63px; height:90px; }
#logo-der{background-image:url(img/karate_sol.jpg); background-repeat:no-repeat; width:76px; height:90px;}
#nombre-sistema p{text-align:center; vertical-align:bottom; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;}
div.head-control{ padding:5px; height: 16px; }
div.head-control a{ display: block; padding: 0px 5px; text-decoration: none; color: #ffffff; font-weight: bold;}
div.head-control a:hover{text-decoration: underline; font-weight: bolder;}
/* Divición de control de cuenta de usuario */
#navi-menu-control{ display: block; height: 16px;}
.ui-usermenu-navi {list-style: none; height: 16px; }
.ui-usermenu-navi li{float: left; padding: 0 2px;  }
.ui-usermenu-navi li a.ui-usermenu-toplink{ font-weight:bold; }
.ui-usermenu-navi li a.ui-usermenu-toplink:hover { color:#FFFFFF; }
/* Submenu */
.ui-usermenu-navi ul.ui-usermenu-submenu {border-top: none; padding:10px; position:absolute; list-style:none; z-index: 10000;}
.ui-usermenu-navi ul.ui-usermenu-submenu li { float:none; background-image:none; width:200px; padding: 4px; }

div.body-warp{margin-top:10px; background-color:#E9EBF0;}


/** Formato para una entrada de información */
#body-left{float:left; width:200px; height:100%; padding:10px 5px; display: none;}	
#body-right{margin-left:0; padding:5px 10px; background-color:#FFFFFF;} /* margin-left:215px; */
.ui-content{margin-top:10px; margin-bottom:5px;}
.ui-content-titlebar{padding:0.4em 1em; font-size:14px; }
.ui-content-title{margin: 0.1em 16px 0.1em;}
.ui-content-body{background: none repeat scroll 0 0 transparent; border:0 none !important; overflow: auto; padding: 0.5em 1em; margin-bottom:5px; position:relative;}

/** Formeto para un formulario */
input, textarea, select{ border:#00cccc 1px solid !important; padding:4px 5px;}
input:focus, textarea:focus, select:focus{border-width: 2px !important;}
input.checkbox {width: 20px !important;}
form.ui-form{margin-top:10px; margin-bottom:5px;}
form.ui-form fieldset{background-color:#F7F7F7; border:1px solid #E3E3E3; margin:0; opacity:0.8; padding:2%; word-warp:break-word;}
form.ui-form legend{margin:0.1em 16px 0.1em; color:#cc0000; font-size:16px; font-weight:bold; letter-spacing:-1px;}
form.ui-form fieldset.ui-form-subfieldset{ border: none; border-top: #009999 dotted 2px; }
form.ui-form fieldset.ui-form-subfieldset legend{margin:0.1em 16px 0.1em; color:#009999; font-size:14px; padding: 0 5px;}
form.ui-form label{color:#333333; display:inline-table; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; width:200px; text-align:right;}
form.ui-form input[type=text], form.ui-form input[type=password], .ui-form select{width:250px;}
form.ui-form input, form.ui-form textarea ,form.ui-form select{ margin-left: 30px; margin-top:10px; }
form.ui-form .ui-form-command {direction: rtl; border-top: 1px solid #EEEEEE;}
form.ui-form .validator-messages{padding-left: 150px; color: red;}

/** Formato para una tabla ui-table */
.ui-table{}
.ui-table thead{background-color:#c7c7c7; border-bottom:1px solid #E3E3E3;  font-size: 14px; font-weight:bold;}
.ui-table thead th{padding: 4px;}
.ui-table thead th.col-count{text-align:center;}
.ui-table tbody tr{border-bottom:1px solid #E3E3E3;}
.ui-table tbody tr.row-inpar{background:#E7E7E7;}
.ui-table tbody tr td{padding: 3px; width: auto;}
.ui-table tbody tr:hover {background-color: #f3d8d8;}
.ui-table tbody tr input[type=text] {width: 90%; font-size: 11px;}

/** Fomato para las paginas de error */
.kokeshi-karate{padding-left:250px; height: 420px; background: url(img/kokeshi_karate.jpg) no-repeat;}
.ui-autocomplete-loading{background: url("theme/images/ui-anim_basic_16x16.gif") no-repeat scroll right center white;}